<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="langecornu" />
        <title>Untitled 1</title>
        <script type="text/javascript" src="codeGenerator.js">
        </script>
        <style>
            
            
            #webplayerSettingsHeadHidden, #googleAnalyticsHeadHidden, #advertisementSettingsSectionHeadHidden {
                margin: 10px 0 10px 0;
                        }
            
            #webplayerSettingsHeadDisplayed, #googleAnalyticsHeadDisplayed, #advertisementSettingsSectionHeadDisplayed {
                display: none;

            }
            .bgGray{
                background-color: #efefef;                
            }
            
            #webplayerSettings, #googleAnalytics, #advertisementSettingsSection {
                display: none;
                margin-left: 25px;
            }
            #mainSettings{
              margin-left: 25px;  
            }
            
            .validationMsg {
                font-style: italic;
                margin-left: 10px;
                color: red;
                display: none;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript">
            /* Instantiate the generator class */
            dwpGen = new DwpCodeGenerator();
            window.onload = function(){
                dwpGen.refresh();
            }
        </script>
        <div id="mainSettings">
        <table cellspacing="2">
            <tbody>
            <tr>
                <td colspan="2">
                    <p align="justify">
                        This page will generate the code that you can copy and paste to embed a DivX video into your web page or blog. Simply fill-in the blanks and hit the "Generate" button.
                        <br/>
                    </p>
                </td>
            </tr>
            <tr>
                <td nowrap="nowrap">
                    DivX Plus Embed Type:
                </td>
                <td>
                    <select id="embedType" onchange="dwpGen.refresh()">
                        <option selected='selected' value="autodetect">Autodetect</option>
                        <option value="ps3">Force Playstation 3</option>
                        <option value="mobile">Force Mobile</option>
                        <option value="standard">Force Browser plug-in</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td nowrap="nowrap">
                    URL to DivX/AVI or DivX Plus HD (MKV) video file:
                </td>
                <td>
                    <input size="40" id="url" type="text" onkeyup="dwpGen.validate(this)" onmouseout="dwpGen.validate(this)"/>
                    <div id="clipUrlMsg" class="validationMsg">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    Clip dimension (width x height) pixels.:
                </td>
                <td>
                    <input size="4" id="width" value="720" type="text" onkeyup="dwpGen.validate(this)"/>&nbsp;X&nbsp;<input size="4" id="height" value="480" type="text" onkeyup="dwpGen.validate(this)"/>
                    <div id="dimensionWidthMsg" class="validationMsg">
                    </div>
                    <div id="dimensionHeightMsg" class="validationMsg">
                    </div>
                </td>
            </tr>
            <tr>
                <td nowrap="nowrap">
                    Video Thumbnail URL (PNG, JPG or GIF):
                </td>
                <td>
                    <input size="40" id="imageurl" type="text" onkeyup="dwpGen.validate(this)" onmouseout="dwpGen.validate(this)"/>
                    <div id="imageUrlMsg" class="validationMsg">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    <input id="autoPlay" type="checkbox" onchange="dwpGen.updateCode()"/>Auto-Start playback
                </td>
            </tr>
        </table>
        </div>
        <div id="webplayerSettingsHeadHidden" >
            <div class="bgGray" onclick="dwpGen.displayPlayerSettings();"><b>+</b>&nbsp;Click to Show Webplayer settings</div>
        </div>
        <div id="webplayerSettingsHeadDisplayed">
            <div class="bgGray" onclick="dwpGen.hidePlayerSettings();"><b>-</b>&nbsp;Click to Hide Webplayer settings </div>
            <div id="webplayerSettings">
                <table width="100%" cellspacing="3">
                    <tbody>
                        <tr>
                            <td nowrap="nowrap">
                                Preview Message (Optional):
                            </td>
                            <td>
                                <input size="40" id="previewMessage" type="text" onkeyup="dwpGen.updateCode()"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Preview Message Font Size:
                            </td>
                            <td>
                                <select id="previewMessageSize" onchange="dwpGen.updateCode()">
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14" selected="selected">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Playback controls:
                            </td>
                            <td>
                                <select id="mode" onchange="dwpGen.updateCode()">
                                    <option value="null">No Controls</option>
                                    <option value="zero">Floating controls (with auto-hide)</option>
                                    <option value="mini" selected="selected">Small Controls (default)</option>
                                    <option value="large">Large Controls</option>
                                    <option value="full">Full Controls</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                <input id="allowContextMenu" checked="checked" type="checkbox" onchange="dwpGen.updateCode()"/>Allow right-click popup menu
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                <input id="loop" type="checkbox" onchange="dwpGen.updateCode()"/>Loop Playback
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Minimum plug-in version required:
                            </td>
                            <td>
                                <input id="vmaj" size="1" value="1" type="text" onkeyup="dwpGen.updateCode()"/>.<input id="vmin" size="1" value="5" type="text" onkeyup="dwpGen.updateCode()"/> .<input id="vmic" size="1" value="0" type="text" onkeyup="dwpGen.updateCode()"/>
                                <font color="#bbbbbb" size="-1">
                                    (such as 1.0.0)
                                </font>
                            </td>
                        </tr>
                        <tr>
                            <td nowrap="nowrap">
                                bit.ly login (Optional):
                            </td>
                            <td>
                                <input size="50" id="bitlyLogin" type="text" onkeyup="dwpGen.updateCode()" onmouseout="dwpGen.updateCode()"/>
                                </div>
                            </td>
                        </tr>                        
                        <tr>
                            <td nowrap="nowrap">
                                bit.ly API Key (Optional):
                            </td>
                            <td>
                                <input size="50" id="bitlyAPI" type="text" onkeyup="dwpGen.updateCode()" onmouseout="dwpGen.updateCode()"/>
                                </div>
                            </td>
                        </tr>                            
                        <tr>
                            <td>
                                Debug Console
                            </td>
                            <td>
                                <input id="enableDebug" type="checkbox" onchange="dwpGen.updateCode()"/>Show debug console
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        </div><!-- Web Player Settings Section End -->
        <div id="googleAnalyticsHeadHidden" >
            <!-- Google Analytics Section Start -->
            <div class="bgGray" onclick="dwpGen.displayGoogleAnalytics();"><b>+</b>&nbsp;Click to Show Analytics settings</div>
        </div>
        <div id="googleAnalyticsHeadDisplayed">
            <div  class="bgGray" onclick="dwpGen.hideGoogleAnalytics();"><b>-</b>&nbsp;Click to Hide Analytics settings</div>
            <div id="googleAnalytics" colspan="2">
                <table width="100%" cellspacing="3">
                    <tbody>
                        <tr>
                            <td nowrap="nowrap">
                                Google Analytics account Id :
                            </td>
                            <td>
                                <input size="14" id="googleAnalyticsId" type="text" onkeyup="dwpGen.validate(this)" onmouseout="dwpGen.validate(this)"/>
                                <font color="#bbbbbb" size="-1">
                                    (such as UA-12345678-1)
                                </font>
                                <div id="googleIdMsg" class="validationMsg">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Event Tracking
                            </td>
                            <td>
                                <input id="enableAnalytics" type="checkbox" onchange="dwpGen.validate(this)"/>Enable Google Analytics Tracking
                                <div id="enableTrackMsg" class="validationMsg">
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!-- Google Analytics Section End -->
    <div id="advertisementSettingsSectionHeadHidden">
        <!-- Google Analytics Section Start -->
        <div class="bgGray" onclick="dwpGen.displayAdvertisementSettings();"><b>+</b>&nbsp;Click to Show Advertisement settings</div>
    </div>
    <div id="advertisementSettingsSectionHeadDisplayed">
        <div class="bgGray" onclick="dwpGen.hideAdvertisementSettings();"><b>-</b>&nbsp;Click to Hide Advertisement settings</div>
    <div id="advertisementSettingsSection"> 
        <table width="100%" cellspacing="3">
            <tbody>
                <tr>
                    <td nowrap="nowrap">
                        Advertisement server URL:
                    </td>
                    <td>
                        <input size="50" id="adServer" type="text" onkeyup="dwpGen.validate(this)" onmouseout="dwpGen.validate(this)"/>
                        <div id="adServerMsg" class="validationMsg">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td nowrap="nowrap">
                        Ad Campaign (Optional):
                    </td>
                    <td>
                        <input size="50" id="adCampaign" type="text" onkeyup="dwpGen.updateCode()" onmouseout="dwpGen.updateCode()"/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        Accepted advertisement type:
                    </td>
                    <td>
                        <select id="adType" onchange="dwpGen.updateCode()">
                            <option value="all" selected="'selected">All</option>
                            <option value="1">Advertisement Plate</option>
                            <!--<option value="2">DivX Roll</option>   --><option value="3">Flash Roll</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Accepted advertisement languages:
                    </td>
                    <td>
                        <select id="adLanguage" onchange="dwpGen.updateCode()">
                            <option value="om">(Afan)/Oromoor/Oriya</option>
                            <option value="ab">Abkhazian</option>
                            <option value="aa">Afar</option>
                            <option value="af">Afrikaans</option>
                            <option value="sq">Albanian</option>
                            <option selected='selected' value="--">All</option>
                            <option value="am">Amharic</option>
                            <option value="ar">Arabic</option>
                            <option value="hy">Armenian</option>
                            <option value="as">Assamese</option>
                            <option value="ay">Aymara</option>
                            <option value="az">Azerbaijani</option>
                            <option value="ba">Bashkir</option>
                            <option value="eu">Basque</option>
                            <option value="bn">Bengali/Bangla</option>
                            <option value="dz">Bhutani</option>
                            <option value="bh">Bihari</option>
                            <option value="bi">Bislama</option>
                            <option value="br">Breton</option>
                            <option value="bg">Bulgarian</option>
                            <option value="my">Burmese</option>
                            <option value="be">Byelorussian</option>
                            <option value="km">Cambodian</option>
                            <option value="ca">Catalan</option>
                            <option value="zh">Chinese</option>
                            <option value="co">Corsican</option>
                            <option value="hr">Croatian</option>
                            <option value="cs">Czech</option>
                            <option value="da">Danish</option>
                            <option value="nl">Dutch</option>
                            <option value="en">English</option>
                            <option value="eo">Esperanto</option>
                            <option value="et">Estonian</option>
                            <option value="fo">Faeroese</option>
                            <option value="fj">Fiji</option>
                            <option value="fi">Finnish</option>
                            <option value="fr">French</option>
                            <option value="fy">Frisian</option>
                            <option value="gl">Galician</option>
                            <option value="ka">Georgian</option>
                            <option value="de">German</option>
                            <option value="el">Greek</option>
                            <option value="kl">Greenlandic</option>
                            <option value="gn">Guarani</option>
                            <option value="gu">Gujarati</option>
                            <option value="ha">Hausa</option>
                            <option value="iw">Hebrew</option>
                            <option value="hi">Hindi</option>
                            <option value="hu">Hungarian</option>
                            <option value="is">Icelandic</option>
                            <option value="in">Indonesian</option>
                            <option value="ia">Interlingua</option>
                            <option value="ie">Interlingue</option>
                            <option value="ik">Inupiak</option>
                            <option value="ga">Irish</option>
                            <option value="it">Italian</option>
                            <option value="ja">Japanese</option>
                            <option value="jw">Javanese</option>
                            <option value="kn">Kannada</option>
                            <option value="ks">Kashmiri</option>
                            <option value="kk">Kazakh</option>
                            <option value="rw">Kinyarwanda</option>
                            <option value="ky">Kirghiz</option>
                            <option value="rn">Kirundi</option>
                            <option value="ko">Korean</option>
                            <option value="ku">Kurdish</option>
                            <option value="lo">Laothian</option>
                            <option value="la">Latin</option>
                            <option value="lv">Latvian/Lettish</option>
                            <option value="ln">Lingala</option>
                            <option value="lt">Lithuanian</option>
                            <option value="mk">Macedonian</option>
                            <option value="mg">Malagasy</option>
                            <option value="ms">Malay</option>
                            <option value="ml">Malayalam</option>
                            <option value="mt">Maltese</option>
                            <option value="mi">Maori</option>
                            <option value="mr">Marathi</option>
                            <option value="mo">Moldavian</option>
                            <option value="mn">Mongolian</option>
                            <option value="na">Nauru</option>
                            <option value="ne">Nepali</option>
                            <option value="no">Norwegian</option>
                            <option value="oc">Occitan</option>
                            <option value="ps">Pashto/Pushto</option>
                            <option value="fa">Persian</option>
                            <option value="pl">Polish</option>
                            <option value="pt">Portuguese</option>
                            <option value="pa">Punjabi</option>
                            <option value="qu">Quechua</option>
                            <option value="rm">Rhaeto-Romance</option>
                            <option value="ro">Romanian</option>
                            <option value="ru">Russian</option>
                            <option value="sm">Samoan</option>
                            <option value="sg">Sangro</option>
                            <option value="sa">Sanskrit</option>
                            <option value="gd">Scots/Gaelic</option>
                            <option value="sr">Serbian</option>
                            <option value="sh">Serbo-Croatian</option>
                            <option value="st">Sesotho</option>
                            <option value="tn">Setswana</option>
                            <option value="sn">Shona</option>
                            <option value="sd">Sindhi</option>
                            <option value="si">Singhalese</option>
                            <option value="ss">Siswati</option>
                            <option value="sk">Slovak</option>
                            <option value="sl">Slovenian</option>
                            <option value="so">Somali</option>
                            <option value="es">Spanish</option>
                            <option value="su">Sundanese</option>
                            <option value="sw">Swahili</option>
                            <option value="sv">Swedish</option>
                            <option value="tl">Tagalog</option>
                            <option value="tg">Tajik</option>
                            <option value="ta">Tamil</option>
                            <option value="tt">Tatar</option>
                            <option value="te">Tegulu</option>
                            <option value="th">Thai</option>
                            <option value="bo">Tibetan</option>
                            <option value="ti">Tigrinya</option>
                            <option value="to">Tonga</option>
                            <option value="ts">Tsonga</option>
                            <option value="tr">Turkish</option>
                            <option value="tk">Turkmen</option>
                            <option value="tw">Twi</option>
                            <option value="uk">Ukrainian</option>
                            <option value="ur">Urdu</option>
                            <option value="uz">Uzbek</option>
                            <option value="vi">Vietnamese</option>
                            <option value="vo">Volapuk</option>
                            <option value="cy">Welsh</option>
                            <option value="wo">Wolof</option>
                            <option value="xh">Xhosa</option>
                            <option value="ji">Yiddish</option>
                            <option value="yo">Yoruba</option>
                            <option value="zu">Zulu</option>
                        </select>
                    </td>
                </tr>
            </tbody>
        </table>
        </div>
    </div>
    </div>
    <!-- Advertisement Section End -->
    <table>
    <tr>
        <td colspan="2" align="Center">
            <br>
            <input onclick="dwpGen.refresh();" value="Refresh" type="button"/>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <br>
            After you have you have clicked the Generate button, click the Preview button and if you like what you see, simply copy/paste the code below to your web page.
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <textarea rows="12" cols="90" id="markups" name="markups">
                The Embed code will appears here
            </textarea>
        </td>
    </tr>

</tbody>
</table>
</body>
</html>